var cropSelectPanel = {
    html:function(params){
        let _this = this;
        
    },
    init:function(){
        let _this = this,
        bodyView = document.body;
        let thisHtml = "<div class=\"cropSelectPanel\"><ul>";
            thisHtml += "<li><a href=\"javascript:void(0)\" onclick=\"cropSelectPanel.changeCrop('food')\"><img src=\"images/logo/logo_food.png\" /></a></li>";
            thisHtml += "<li><a href=\"javascript:void(0)\" onclick=\"cropSelectPanel.changeCrop('fruit')\"><img src=\"images/logo/logo_fruit.png\" /></a></li>";
            thisHtml += "<li><a href=\"javascript:void(0)\" onclick=\"cropSelectPanel.changeCrop('tea')\"><img src=\"images/logo/logo_tea.png\" /></a></li>";
            thisHtml += "<li><a href=\"javascript:void(0)\" onclick=\"cropSelectPanel.changeCrop('dish')\"><img src=\"images/logo/logo_dish.png\" /></a></li>";
            thisHtml += "<li><a href=\"javascript:void(0)\" onclick=\"cropSelectPanel.changeCrop('live')\"><img src=\"images/logo/logo_live.png\" /></a></li>";
        thisHtml+="</ul></div>";
        $(bodyView).append(thisHtml);
        let thisView = bodyView.querySelector(".cropSelectPanel");
        if ( thisView ) return false;


    },
    changeCrop : function(cropName){
        Global.currentCrop = cropName;
        changeUI();
        $(".cropSelectPanel").hide();
        getNav();
    }
}